window.addEventListener('load', function () {
    let as = document.querySelectorAll('#login .lo-rig .lo-rig-cont .lo-meth a')
    let form = document.querySelector('#login .lo-rig .lo-rig-cont form')
    let code = document.querySelector('#code')
    console.log(as);
    for (let i = 0; i < as.length; i++) {
        as[i].addEventListener('click', function () {
            for (let j = 0; j < as.length; j++) {
                as[j].classList.remove('active')
                as[j].classList.remove('rel')

            }
            as[i].classList.add('active')
            as[i].classList.add('rel')
            if(i == 1){
                form.style.display = 'none'
                code.style.display = 'block'
                // form.style.opacty='0';
                // code.style.opacty='1';


            }
            if(i == 0) {
                form.style.display = 'block'
                code.style.display = 'none'
                // form.style.opacty='1';
                // code.style.opacty='0';
            }

        })

    }

})